<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 1.移动端 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 2.引入bootstrap.css     -->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/wjs_index.css">
    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <header class="wjs_header hidden-xs hidden-sm">
        <div class="container">
            <div class="row">
                <div class="col-md-2">
                    <a href="javascript:;" class="wjs_code">
                        <span class="wjs_icon wjs_icon_phone"></span>
                        <span>手机微金所</span>
                        <span class="glyphicon glyphicon-menu-down"></span>
                        <img src="./images/code.jpg" alt="">
                    </a>
                </div>
                <div class="col-md-5">
                    <span class="wjs_icon wjs_icon_tel"></span>
                    <a href="javascript:;">
                        4006-89-4006（服务时间：9:00~21:00） 联系在线客服
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="javascript:;">常见问题</a> &nbsp;&nbsp;
                    <a href="javascript:;">财富登录</a>
                </div>
                <div class="col-md-3">
                    <button type="button" class="btn btn-danger register">免费注册</button>
                    <button type="button" class="btn btn-link login">登录</button>
                </div>
            </div>
        </div>
    </header>
    <!-- 导航 -->
    <nav class="navbar navbar-default wjs_nav">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                    aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <span class="wjs_icon wjs_icon_logo"></span>
                    <span class="wjs_icon wjs_icon_text"></span>
                </a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav hidden-sm">
                    <li class="active">
                        <a href="#">我要投资
                            <span class="sr-only">(current)</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">我要借贷</a>
                    </li>
                    <li>
                        <a href="#">平台介绍</a>
                    </li>
                    <li>
                        <a href="#">新手专区</a>
                    </li>
                    <li>
                        <a href="#">最新动态</a>
                    </li>
                    <li>
                        <a href="#">微平台</a>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="#">个人中心</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 轮播图 -->
    <div class="wjs_banner">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            </ol>

            <div class="carousel-inner" role="listbox">
                <div class="item active" pcImg-src="./images/slide_01_2000x410.jpg" mobileImg-src="./images/slide_01_640x340.jpg">
                    <!-- <a href="javascript:;" class="pcImg hidden-xs " style="background-image: url(./images/slide_01_2000x410.jpg);">
                    </a>
                    <a href="javascript:;" class="mobileImg hidden-md hidden-sm hidden-lg">
                        <img src="./images/slide_01_640x340.jpg">
                    </a> -->
                </div>
                <div class="item" pcImg-src="./images/slide_02_2000x410.jpg" mobileImg-src="./images/slide_02_640x340.jpg">
                    <!-- <a href="javascript:;" class="pcImg hidden-xs" style="background-image: url(./images/slide_02_2000x410.jpg);">
                    </a>
                    <a href="javascript:;" class="mobileImg hidden-md hidden-sm hidden-lg">
                        <img src="./images/slide_02_640x340.jpg">
                    </a> -->
                </div>
                <div class="item" pcImg-src="./images/slide_03_2000x410.jpg" mobileImg-src="./images/slide_03_640x340.jpg">
                    <!-- <a href="javascript:;" class="pcImg hidden-xs" style="background-image: url(./images/slide_03_2000x410.jpg);">
                    </a>
                    <a href="javascript:;" class="mobileImg hidden-md hidden-sm hidden-lg">
                        <img src="./images/slide_03_640x340.jpg">
                    </a> -->
                </div>
                <div class="item" pcImg-src="./images/slide_04_2000x410.jpg" mobileImg-src="./images/slide_04_640x340.jpg">
                    <!-- <a href="javascript:;" class="pcImg hidden-xs" style="background-image: url(./images/slide_04_2000x410.jpg);">
                    </a>
                    <a href="javascript:;" class="mobileImg hidden-md hidden-sm hidden-lg">
                        <img src="./images/slide_04_640x340.jpg">
                    </a> -->
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
    </div>
    <!-- 信息块 -->
    <div class="wjs_info hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-md-4  col-sm-6">
                    <a href="javascript:;">
                        <div class="media">
                            <div class="media-left">
                                <span class="wjs_icon wjs_icon_E900">
                                </span>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">支持交易保障</h4>
                                <p>银联支持全程保障支持安全</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4  col-sm-6">
                    <a href="javascript:;">
                        <div class="media">
                            <div class="media-left">
                                <span class="wjs_icon wjs_icon_E900">
                                </span>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">支持交易保障</h4>
                                <p>银联支持全程保障支持安全</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4  col-sm-6">
                    <a href="javascript:;">
                        <div class="media">
                            <div class="media-left">
                                <span class="wjs_icon wjs_icon_E900">
                                </span>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">支持交易保障</h4>
                                <p>银联支持全程保障支持安全</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4  col-sm-6">
                    <a href="javascript:;">
                        <div class="media">
                            <div class="media-left">
                                <span class="wjs_icon wjs_icon_E900">
                                </span>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">支持交易保障</h4>
                                <p>银联支持全程保障支持安全</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4  col-sm-6">
                    <a href="javascript:;">
                        <div class="media">
                            <div class="media-left">
                                <span class="wjs_icon wjs_icon_E900">
                                </span>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">支持交易保障</h4>
                                <p>银联支持全程保障支持安全</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4  col-sm-6">
                    <a href="javascript:;">
                        <div class="media">
                            <div class="media-left">
                                <span class="wjs_icon wjs_icon_E900">
                                </span>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">支持交易保障</h4>
                                <p>银联支持全程保障支持安全</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 预约块 -->
    <div class="wjs_reverse hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-sm-9">
                    <span class="wjs_icon wjs_icon_E906"></span>
                    <span>现在的 272人在排队，累计预约交易成功 7571 次</span>
                    <a class="" href="javascript:;">什么叫预约投标</a>
                    <a href="javascript:;" class="reverse-now">立即预约</a>
                </div>
                <div class="col-sm-3">
                    <span class="wjs_icon wjs_icon_E905"></span>
                    <a href="javascript:;">微金所企业宣传片</a>
                </div>
            </div>
        </div>

    </div>
    <!-- 产品块 -->
    <div class="wjs_product">
        <div class="container">
            <div>
                <div id="wrapper" style="overflow: hidden;">
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#home" aria-controls="home" role="tab" data-toggle="tab">特别推荐</a>
                        </li>
                        <li role="presentation">
                            <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">微投资</a>
                        </li>
                        <li role="presentation">
                            <a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">微小宝</a>
                        </li>
                        <li role="presentation">
                            <a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">月月盈</a>
                        </li>
                        <li role="presentation">
                            <a href="#wins" aria-controls="wins" role="tab" data-toggle="tab">稳赢宝</a>
                        </li>
                        <li role="presentation">
                            <a href="#sea" aria-controls="sea" role="tab" data-toggle="tab">海航通宝</a>
                        </li>
                        <li role="presentation">
                            <a href="#gold" aria-controls="gold" role="tab" data-toggle="tab">微金宝</a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">
                        <div class="row">
                            <div class="col-sm-6 col-xs-12 col-md-4">
                                <div class="wrapper">
                                    <div class="left">
                                        <p class="title">新手体验1002期</p>
                                        <div class="wrapper-box clearfix">
                                            <div class="wrapper-left pull-left">
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                            </div>
                                            <div class="wrapper-right pull-right">
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <div class="num">
                                            <span>8</span>
                                            <sub>%</sub>
                                        </div>
                                        <p>年利率</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-xs-12 col-md-4">
                                <div class="wrapper">
                                    <div class="left">
                                        <p class="title">新手体验1002期</p>
                                        <div class="wrapper-box clearfix">
                                            <div class="wrapper-left pull-left">
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                            </div>
                                            <div class="wrapper-right pull-right">
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <div class="icon">
                                            <!-- <a href="javascript:;" >宝
                                                <i>微小宝</i>
                                            </a>
                                            <a href="javascript:;">北
                                                <i>北京</i>
                                            </a> -->
                                            <div class="pTip">
                                                <span data-toggle="tooltip" data-placement="top" title="微小宝">宝</span>
                                                <span data-toggle="tooltip" data-placement="top" title="北京">北</span>
                                            </div>
                                        </div>
                                        <div class="num">
                                            <span>8</span>
                                            <sub>%</sub>
                                        </div>
                                        <p>年利率</p>

                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-xs-12 col-md-4">
                                <div class="wrapper">
                                    <div class="left">
                                        <p class="title">新手体验1002期</p>
                                        <div class="wrapper-box clearfix">
                                            <div class="wrapper-left pull-left">
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                            </div>
                                            <div class="wrapper-right pull-right">
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <div class="num">
                                            <span>8</span>
                                            <sub>%</sub>
                                        </div>
                                        <p>年利率</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6 col-xs-12 col-md-4">
                                <div class="wrapper">
                                    <div class="left">
                                        <p class="title">新手体验1002期</p>
                                        <div class="wrapper-box clearfix">
                                            <div class="wrapper-left pull-left">
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                            </div>
                                            <div class="wrapper-right pull-right">
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                                <p>起投金额(元)</p>
                                                <p>0.01万</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="right">
                                        <div class="num">
                                            <span>8</span>
                                            <sub>%</sub>
                                        </div>
                                        <p>年利率</p>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div role="tabpanel" class="tab-pane" id="profile">2</div>
                    <div role="tabpanel" class="tab-pane" id="messages">3</div>
                    <div role="tabpanel" class="tab-pane" id="settings">4</div>
                    <div role="tabpanel" class="tab-pane" id="wins">5</div>
                    <div role="tabpanel" class="tab-pane" id="sea">6</div>
                    <div role="tabpanel" class="tab-pane" id="gold">7</div>
                </div>

            </div>
        </div>
    </div>
    <!-- 新闻 -->
    <div class="wjs_news">
        <div class="container">
            <div class="row">
                <div class="col-md-2 col-md-offset-2">
                    <h2>全部新闻</h2>
                </div>
                <div class="col-md-1">
                    <ul class="nav nav-tabs "  role="tablist">
                        <li role="presentation" class="active">
                            <a href="#p1" class="wjs_icon wjs_icon_new01"  data-toggle="tab"></a>
                        </li>
                        <li role="presentation">
                            <a href="#p2" class="wjs_icon wjs_icon_new01" data-toggle="tab"></a>
                        </li>
                        <li role="presentation">
                            <a href="#p3"  class="wjs_icon wjs_icon_new01" data-toggle="tab"></a>
                        </li>
                        <li role="presentation">
                            <a href="#p4" class="wjs_icon wjs_icon_new01" data-toggle="tab"></a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-7">
                    <div class="tab-content">
                        <div class="tab-pane active" id="p1">1</div>
                        <div class="tab-pane" id="p2">2</div>
                        <div class="tab-pane" id="p3">3</div>
                        <div class="tab-pane" id="p4">4</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 合作伙伴 -->
    <div class="wjs_partner"></div>
    <!-- 3.引入JQuery -->
    <script src="lib/jquery.js"></script>
    <!-- 4.引入bootstrap的js -->
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="lib/iscroll.js"></script>
    <script src="js/wjs_index.js"></script>
</body>

</html>